<!--  frame 支付成功页面 -->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
  <meta name="divport" content="width=device-width,initial-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no" />
	<title>支付成功页面</title>
	<link rel="stylesheet" href="../plugin/hhframe/hhframe.min.css" />
	<link rel="stylesheet" href="../style/index.css"/>

	<style>

	body {
	  /*background-color:#F8F8F8;*/
	}
	.icon { display: block; width: 1.80rem; height: 1.70rem; margin: 2.70rem auto 0; }
	.title { display: block; margin-top: .25rem; font: .40rem/1em ""; color: #666; text-align: center; }
	.descp { display: block; margin-top: .30rem; font: .28rem/1em ""; color: #999; text-align: center; }

	.btns { margin-top: 1.00rem; text-align: center; }
	.btns .btn11 { display: inline-block; margin: 0 .20rem; width: 1.90rem; font: .28rem/.70rem ""; color: #666; text-align: center; border: 1px solid #eee; border-radius: .70rem; }
	.btns .btn22 { border-color: #FF502D; color: #FF502D; }
	.btns .btn22:hover,
	.btns .btn22:active { background: #FF502D; color: #fff; }
	</style>
</head>
<body>
	<div class="content app" v-cloak>
		<div class="wrap">
			<image class="icon" src="../image/order_pay_success.png"></image>
			<div class="title">支付成功</div>
			<div class="descp">感谢你选择中科易购</div>
			<div class="btns">
				<div class="btn11" @click="fhsy" >返回首页</div>
				<div class="btn11 btn22" @click="ckdd">查看订单</div>
			</div>
		</div>

	</div>
</body>
<script src="../plugin/jquery.js"></script>
<script src="../plugin/vue.all.js"></script>
<script src="../plugin/hhframe/hhframe.min.js"></script>
<script src="../plugin/public.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
window.addEventListener("apiready",function(){
	index()
});

function index()
{
	var vm = new Vue({
		el: ".app",
		data: {
				id: api.pageParam.id,
				col:api.pageParam.col
		},
		mounted: function(){
			setTimeout(function() {
				api.closeWin({
						name: 'order_create'
				});
			}, 1000)

		},
		methods: {
			fhsy(){
				open_menu(1)
			},
			ckdd(){
				if(this.col){
					api.closeWin();
				}else{
					order_detail(this.id)
				}
			}
		},

	});
}

</script>
</html>
